<template lang="html">
    <Panel title="理财精选" :class="$style.panel">
        <section :class="$style.content11"   height="80px" >
           <swiper :options="options" >
               <swiper-slide class="ewq" > <span style="color:grey ; font-size:15px ">公告:</span> 
                百万白条券免费送，速来领取！！<span class="glyphicon glyphicon-heart-empty"></span>
               </swiper-slide>
               <swiper-slide class="ewq"><span style="color:grey ; font-size:15px ">公告:</span> 
               签到领流量，1元500M！<span class="glyphicon glyphicon-link"></span>
                </swiper-slide>
               <swiper-slide class="ewq" ><span style="color:grey ; font-size:15px ">公告:</span> 
                下载京东app！豪礼等你拿! &nbsp;&nbsp;<span class="glyphicon glyphicon-gift"></span>  
                <span class="glyphicon glyphicon-gift"></span> 
                 </swiper-slide>
                <swiper-slide class="ewq" ><span style="color:grey ; font-size:15px ">公告:</span> 
                坚持就是胜利！！！！<span class="glyphicon glyphicon-thumbs-up" ></span> 
                </swiper-slide>
           </swiper>
        </section>
    </Panel>
</template>

<script>
import Panel from "../smallzj/panel.vue"
import { swiper, swiperSlide } from "vue-awesome-swiper"
export default {
    components: {
        Panel,
        swiper,
        swiperSlide,

    },
    data(){
        return{
            options: {
                autoplay: true,
                loop: true,
                direction: "vertical",
        }
    }
 }
}
</script>

<style lamg="scss">



.swiper-container-vertical{
    height: 50px;
    line-height: 50px; 
   /* background: url(//m.jr.jd.com/spe/qyy/main/images/scroll_title_img.png) left top no-repeat; */
}
  .ewq{
      font-size: 20px;
      /* text-align: center; */
     
  }
    
</style>


<style lang="scss" module>

  @import "../css/element.scss";
  .panel{
    @include panel;
    >h4{
      border-bottom: 1px solid #ddd;
      //display: none;
    }
    .content{
      //@include flex;
        // height: 80px !important;
        
      
     
      }
    }
  
</style>






